<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="referrer" content="no-referrer" />

    <title>Book Store</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/detail.js"></script>
</head>

<body>
    <div id="wrap">

        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a>
            </div>
            <div id="menu">
                <ul>
                    <li class="selected"><a href="index.html">首页</a></li>
                    <li><a href="category.html">全部书籍</a></li>
                    <li><a href="specials.html">推荐书籍</a></li>
                </ul>
            </div>


        </div>


        <div class="center_content">
            <div class="left_content">
                <div class="crumb_nav">
                    <a href="index.html">home</a> &gt;&gt; product name
                </div>
                <div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>Product name</div>

                <div class="feat_prod_box_details">

                    <div class="prod_img">
                        <a href="details.html"><img src="images/prod1.gif" alt="" title="" border="0" /></a>
                        <br /><br />
                        <a href="images/big_pic.jpg" rel="lightbox"><img src="images/zoom.gif" alt="" title="" border="0" /></a>
                    </div>

                    <div class="prod_det_box">
                        <div class="box_top"></div>
                        <div class="box_center">
                            <div class="prod_title">详情</div>
                            <p class="details">summary</p>
                            <div class="price"><strong>作者:</strong> <span class="red">100 $</span></div>
                            <div class="price"><strong>出版社:</strong> <span class="red">100 $</span></div>
                            <div class="price"><strong>出版時間:</strong> <span class="red">100 $</span></div>
                            <div class="price"><strong>編號:</strong> <span class="red">100 $</span></div>
                            <div class="clear"></div>
                        </div>

                        <div class="box_bottom"></div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <!--end of left content-->

            <div class="right_content">
                <div class="cart">
                    <div class="home_cart_content">
                        <span id="userName" style="font-size: 20px; margin-right: 20px;">你好游客</span> <span class="red"><a href="register.html">注册</a></span>
                        <span class="red" style="margin-left: 20px" id="login"><a href="myaccount.html">登陆</a></span>
                        <span class="red" style="margin-left: 20px" id="logout"><a onclick="javascript:logout();">注销</a></span>
                    </div>

                </div>

                <div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title=""/></span>关于我们
                </div>
                <div class="about">
                    <p>
                        <img src="images/about.gif" alt="" title="" class="right" /> 歌德曾经说过：“读一本好书,就是和一位品德高尚的人谈话.”是的,读好书,就像结交了良师益友,使我们获益匪浅；读好书,就像沐浴在温暖的春风里,使我们心旷神怡；读好书,就像找到了快乐的源泉,使我们领悟到快乐的真谛!
                    </p>

                </div>

                <div class="right_box">

                    <div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title=""/></span>随便看看
                    </div>
                    <div class="rand_books">
                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>

                        <div class="new_prod_box">
                            <a href="details.html">product name</a>
                            <div class="new_prod_bg">
                                <span class="new_icon"><img src="images/promo_icon.gif" alt="" title=""/></span>
                                <a href="details.html"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end of right content-->
            <div class="clear"></div>
        </div>

        <div class="footer">
            <div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br /></div>

        </div>


    </div>

</body>

</html>